<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/templateFormulario.xhtml">
	
	<ui:define name="formContent">
		<f:loadBundle basename="props.lenguajes.messages" var="msg"/>
		
		<p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" for="mainFormBotones" />
		<p:watermark value="#{msg['message.devLlid.wmTitleFechaSesion']}" for="fechaCalendar"/>
		<p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>
		
		<p:dialog modal="true" widgetVar="statusDialog" header="#{registroSesionInfMB.statusTitle}"   
		        draggable="false" closable="false">  
		    <p:graphicImage value="../../resources/img/ajaxloadingbar.gif" />
		</p:dialog>
		<p:dialog header="#{msg['message.devLlid.confirmationDialog']}" widgetVar="dlgConfirmation" modal="true" height="110" closable="false" styleClass="centerContent" >  
		    <p:messages id="messages2" showDetail="true" autoUpdate="true" closable="true" for="btnContinue" />
	    	<p:commandButton id="btnContinue" value="#{msg['message.devLlid.actionBtnContinuar']}"
						action="#{registroSesionInfMB.continuar}"
						style="width:100%;" />
		</p:dialog>
		
		
		
		
		
		
		<p:dialog header="#{msg['message.devLlid.confirmationDialog']}" widgetVar="dlgConfirmCancel" modal="true" height="200" width="460" closable="false" styleClass="centerContent" resizable="false">  
		    <p:messages id="messages3" showDetail="true" autoUpdate="true" closable="true" for="commandsCancelKey"/>
		    
		    <h:panelGrid columns="1">
		    	<h:panelGrid columns="1">
		    		<p:outputLabel value="#{msg['message.devLlid.MotivoCancel']}:"/>
			    	<h:panelGrid columns="1">
				    	<p:inputTextarea id="cancelDesc" cols="77" value="#{registroSesionInfMB.vistaMotivoCancelacion}" rendered="true" />
				    </h:panelGrid>
			    </h:panelGrid>
			    
			    <h:panelGrid columns="2" styleClass="centerContent" id="commandsCancelKey">
			    	<p:commandButton id="btnContinueCancel" value="#{msg['message.devLlid.actionTitleCancela']}"
								action="#{registroSesionInfMB.continueCancel}"/>
					<p:commandButton id="btnCancelCancel" value="#{msg['message.cancelMessage2']}"
								action="#{registroSesionInfMB.cancelCancel}"/>
			    </h:panelGrid>
		    
		    </h:panelGrid>
		</p:dialog>
		
		<p:dialog id="frameD2" header="Indicadores" widgetVar="dialogLink2" modal="true" showEffect="explode" width="1050" height="670" resizable="false" position="center">
			#{registroSesionInfMB.url2}
			<iframe src="#{registroSesionInfMB.url2}" width="100%" height="100%"/>
		</p:dialog> 
 	
		<h:panelGrid columns="2">
			<h:panelGrid columns="2" style="font-weight:bold;">
				<p:outputLabel value="#{msg['message.devLlid.titleNctrl']}:"/>
				<p:inputText value="#{registroSesionInfMB.vistaNumeroControl}" id="ncInput" size="25" disabled="true" />
										
				<p:outputLabel value="#{msg['message.devLlid.titleFechaNacimiento']}:"/>
				<p:inputText value="#{registroSesionInfMB.vistafechaNacimiento}" id="fenaInput" size="25" disabled="true" />
				
				<p:outputLabel value="#{msg['message.devLlid.titleFechaIngreso']}:"/>
				<p:inputText value="#{registroSesionInfMB.vistaFechaIngreso}" id="feinInput" size="25" disabled="true" />
				
				<p:outputLabel value="#{msg['message.devLlid.titleGraPer']}:"/>
				<p:inputText value="#{registroSesionInfMB.vistaGradoPersona}" id="graPInput" size="25" disabled="true"/>
				
				<p:outputLabel value="#{msg['message.devLlid.titleCentroCosto']}:"/>
				<p:inputText value="#{registroSesionInfMB.vistaCentroCostos}" id="ccInput" size="25" disabled="true"/>
				
				<p:outputLabel value="#{msg['message.devLlid.titleArea']}:"/>
				<p:inputText value="#{registroSesionInfMB.vistaArea}" id="areInput" size="25" disabled="true"/>
				
				<p:outputLabel value="#{msg['message.devLlid.titleTitulo']}:"/>
				<p:inputText value="#{registroSesionInfMB.vistaTitulado}" id="titInput" size="25" disabled="true"/>
				
				<p:outputLabel value="#{msg['message.devLlid.titleEvaDes']}:"/>
				<p:inputText value="#{registroSesionInfMB.vistaEvaluacionDesempeno}" id="evdeInput" size="25" disabled="true"/>
				
			</h:panelGrid>
		
			<h:panelGrid columns="2" style="font-weight:bold;">
				<p:outputLabel value="#{msg['message.devLlid.titleNombre']}:"/>
				<p:inputText value="#{registroSesionInfMB.vistaNombre}" id="nameInput" size="25" disabled="true"/>
				
				<p:outputLabel value="#{msg['message.devLlid.titleEdad']}:"/>
				<p:inputText value="#{registroSesionInfMB.vistaEdad}" id="edadInput" size="25" disabled="true" />
				
				<p:outputLabel value="#{msg['message.devLlid.titleAntiguedad']}:"/>
				<p:inputText value="#{registroSesionInfMB.vistaAntiguedad}" id="antInput" size="25" disabled="true" />
				
				<p:outputLabel value="#{msg['message.devLlid.titleGraPos']}:"/>
				<p:inputText value="#{registroSesionInfMB.vistaGradoPosicion}" id="grapInput" size="25" disabled="true" />
				
				<p:outputLabel value="#{msg['message.devLlid.titleCom']}:"/>
				<p:inputText value="#{registroSesionInfMB.vistaCompania}" id="compInput" size="25" disabled="true"/>
				
				<p:outputLabel value="#{msg['message.devLlid.titleEscolaridad']}:"/>
				<p:inputText value="#{registroSesionInfMB.vistaEscolaridad}" id="escInput" size="25" disabled="true"/>
				
				<p:outputLabel value="#{msg['message.devLlid.titlePosicion']}:"/>
				<p:inputText value="#{registroSesionInfMB.vistaPosicion}" id="posInput" size="25" disabled="true"/>
				
				<p:outputLabel value="#{msg['message.devLlid.titleFechaSesion']}:"/>
				<p:calendar value="#{registroSesionInfMB.vistafechaSesion}" id="fechaCalendar" size="25">
					<p:ajax event="dateSelect" listener="#{registroSesionInfMB.handleDateSelect}" />
				</p:calendar>
				
			</h:panelGrid>
		</h:panelGrid>
		
		<p:separator/>
		
		<h:panelGrid columns="2">
			<p:commandButton action="#{registroSesionInfMB.showIndicadores}" id="detalleIdicadoresLink" style="color:blue;" value="Indicadores"/>
		</h:panelGrid>
		
		<p:separator/>
		
		<h:panelGrid columns="1" style="font-weight:bold;" >
			<h:panelGrid columns="1" style="font-weight:bold;">
				<p:outputLabel value="#{msg['message.devLlid.titleMotivo']}:"/>
			</h:panelGrid>
			<h:panelGrid columns="1" style="font-weight:bold;">
				<p:inputTextarea id="motivoTa" maxlength="250" required="true" cols="110"
					disabled="true" value="#{registroSesionInfMB.vistaMotivo}"/>
			</h:panelGrid>
		</h:panelGrid>
		
		<p:separator/>
		
		<div id="mainFormBotones">
            <h:panelGrid id="pnlGridBotones" styleClass="centerContent">
				<ui:include src="/plantilla/botones.xhtml" />
            </h:panelGrid>
		</div>
	</ui:define>
</ui:composition>
